<template>
    <div class="allBody" ref="Body">
        <PositionBrowsingHead></PositionBrowsingHead>
        <div class="select">
            <div class="selection">
                <div class="goto">
                    <el-link :underline="false" @click="showPositionBrowsing">职位浏览</el-link>
                    <el-link :underline="false" @click="showPositionInterested">岗位收藏</el-link>
                    <el-link :underline="false" @click="showResume">线上简历</el-link>
                    <el-link :underline="false" @click="showDetail">个人信息</el-link>
                </div>
            </div>
        </div>
        <PositionBrowsing v-if="this.$store.state.pageto === '职位浏览'"></PositionBrowsing>
        <PositionInterested v-if="this.$store.state.pageto === '岗位收藏'"></PositionInterested>
        <SeekersResume v-if="this.$store.state.pageto === '线上简历'"></SeekersResume>
        <SelfInfo v-if="this.$store.state.pageto === '个人信息'"></SelfInfo>
        <EmailBox v-if="this.$store.state.pageto === '收件箱'"></EmailBox>
    </div>
</template>
<script>
import PositionBrowsing from '@/components/PositionBrowsing.vue'
import PositionBrowsingHead from '@/components/PositionBrowsingHead.vue'
import PositionInterested from '@/components/PositionInterested.vue'
import SeekersResume from '@/components/SeekersResume.vue'
import SelfInfo from '@/components/SelfInfo.vue'
import EmailBox from '@/components/EmailBox.vue'
export default {
    data() {
        return {
        }
    },
    name: 'PositioinBrowsing',
    components: {
        PositionBrowsing,
        PositionBrowsingHead,
        PositionInterested,
        SeekersResume,
        SelfInfo,
        EmailBox
    },
    methods: {
        showPositionBrowsing() {
            this.$store.commit('changePageto', '职位浏览')
        },
        showPositionInterested() {
            this.$store.commit('changePageto', '岗位收藏')
        },
        showResume() {
            this.$store.commit('changePageto', '线上简历')
        },
        showDetail() {
            this.$store.commit('changePageto', '个人信息')

        }
    }
}
</script>
<style scoped>
.allBody {
    margin-top: -20px;
    margin-left: -10px;
    width: 1480px;
    height: 100%;
    background-color: rgb(227, 243, 246);
}

.select {
    width: 100px;
    height: 200px;
    top: 0;
    left: 20px;
    background-color: #fff;
    border-radius: 10%;
    float: left;
    position: sticky;
}

.goto {

    padding-top: 10px;
}

.goto>* {
    display: block;
    margin-top: 20px;
}
</style>